@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic);

.custom-select {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	zoom: 1;
	*display: inline;
	width: 220px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.custom-select.small {
	width: 104px;
}
.custom-select.medium {
	width: 164px;
}
.custom-select.large {
	width: 300px;
}
.custom-select.xlarge {
	width: 380px;
}
.custom-select > select {
	display: none !important;
}
.custom-select > a.dropdown-toggle {
	border-radius: 0;
	line-height: 28px;
	box-shadow: none;
	background: #ffffff;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	border: 1px solid #aaa;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	color: #888;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
}
.custom-select > a.dropdown-toggle.disabled,
.custom-select > a.dropdown-toggle.disabled:hover {
	cursor: not-allowed;
	color: #aaa;
	background: #eee;
}
.custom-select > a.dropdown-toggle:hover, 
.custom-select.open > a.dropdown-toggle {
	color: #333;
}
.custom-select.open > a.dropdown-toggle {
	border-bottom: 0;
	line-height: 29px;
}
.control-group.error .custom-select > a.dropdown-toggle {
	border-color: #f09784;
	color: #d68273;
}
.custom-select > a.dropdown-toggle > span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.custom-select > a.dropdown-toggle > b {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
}
.custom-select > a.dropdown-toggle > b:before {
	content: "\f0d7";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	position: relative;
	top: -1px;
	left: 1px;
}
.custom-select.open > a.dropdown-toggle > b:before {
	content: "\f0d8";
}
.custom-select > .dropdown-menu {
	margin-top: 0;
	border: 1px solid #aaa;
	border-top: 0;
	padding-bottom: 0;
	width: auto;
	min-width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
}
.custom-select > .dropdown-menu > .custom-select-search > input {
	width: 100%;
	height: 30px;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 20px 4px 5px;
	border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search:after {
	content: "\f002";
	display: inline-block;
	color: #888;
	font-family: FontAwesome;
	font-size: 14px;
	position: absolute;
	top: 4px;
	right: 10px;
}
.custom-select > .dropdown-menu > ul {
	border-color: #aaa;
	border-top: 0;
	margin: 4px 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 240px;
	padding-right: 14px;
}
.custom-select > .dropdown-menu > ul > li > a {
	font-size: 13px;
	margin-bottom: 1px;
	margin-top: 1px;
	display: block;
	padding: 3px 8px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	width: 100%;
}
.custom-select > .dropdown-menu > ul > li > a:hover, 
.custom-select > .dropdown-menu > ul > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-repeat: repeat-x;
}
.custom-select > .dropdown-menu > ul > li > a:hover {
	background: #4f99c6;
}
.custom-select > .dropdown-menu > ul > li > a:focus {
	background: #2283c5;
}
.custom-select > .dropdown-menu > ul > li.empty-result > em {
	text-align: center;
	padding: 4px 8px;
	display: block;
}
.custom-select > .dropdown-menu > .custom-select-action > button {
	border-radius: 0;
	background-image: none;
}
.custom-select > .dropdown-menu:before {
	border: 0;
}
tags-input{display:block}tags-input *,tags-input :after,tags-input :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}tags-input .host{position:relative;margin-top:5px;margin-bottom:5px;height:100%}tags-input .host:active{outline:0}tags-input .tags{-moz-appearance:textfield;-webkit-appearance:textfield;padding:1px;overflow:hidden;word-wrap:break-word;cursor:text;background-color:#fff;border:1px solid #a9a9a9;box-shadow:1px 1px 1px 0 #d3d3d3 inset;height:100%}tags-input .tags.focused{outline:0;-webkit-box-shadow:0 0 3px 1px rgba(5,139,242,.6);-moz-box-shadow:0 0 3px 1px rgba(5,139,242,.6);box-shadow:0 0 3px 1px rgba(5,139,242,.6)}tags-input .tags .tag-list{margin:0;padding:0;list-style-type:none}tags-input .tags .tag-item{margin:2px;padding:0 5px;display:inline-block;float:left;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;height:26px;line-height:25px;border:1px solid #acacac;border-radius:3px;background:-webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);background:linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%)}tags-input .tags .tag-item.selected{background:-webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%);background:linear-gradient(to bottom,#febbbb 0,#fe9090 45%,#ff5c5c 100%)}tags-input .tags .tag-item .remove-button{margin:0 0 0 5px;padding:0;border:none;background:0 0;cursor:pointer;vertical-align:middle;font:700 16px Arial,sans-serif;color:#585858}tags-input .tags .input.invalid-tag,tags-input .tags .tag-item .remove-button:active{color:red}tags-input .tags .input{border:0;outline:0;margin:2px;padding:0 0 0 5px;float:left;height:26px;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif}tags-input .tags .input::-ms-clear{display:none}tags-input.ng-invalid .tags{-webkit-box-shadow:0 0 3px 1px rgba(255,0,0,.6);-moz-box-shadow:0 0 3px 1px rgba(255,0,0,.6);box-shadow:0 0 3px 1px rgba(255,0,0,.6)}tags-input[disabled] .host:focus{outline:0}tags-input[disabled] .tags{background-color:#eee;cursor:default}tags-input[disabled] .tags .tag-item{opacity:.65;background:-webkit-linear-gradient(top,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%);background:linear-gradient(to bottom,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%)}tags-input[disabled] .tags .tag-item .remove-button{cursor:default}tags-input[disabled] .tags .tag-item .remove-button:active{color:#585858}tags-input[disabled] .tags .input{background-color:#eee;cursor:default}tags-input .autocomplete{margin-top:5px;position:absolute;padding:5px 0;z-index:999;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}tags-input .autocomplete .suggestion-list{margin:0;padding:0;list-style-type:none;max-height:280px;overflow-y:auto;position:relative}tags-input .autocomplete .suggestion-item{padding:5px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#fff;background-color:#0097cf}tags-input .autocomplete .suggestion-item em{font:normal 700 16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff}
.header-row{
            background: #e6e6e6 !important;
  
}
.ChurchworkerDetails-Container {
    }

        .ChurchworkerDetails-Container .ChurchworkerDetails-CoverPic {
            height: 170px;
            background-image: url(../../Images/_defaultCoverPicture.jpg);
            background-size: cover;
        }

        .ChurchworkerDetails-Container .ChurchworkerDetails-Details {
            width: 28%;
            float: left;
        }

            .ChurchworkerDetails-Container .ChurchworkerDetails-Details .ChurchworkerDetails-Details-profile {
                width: 100%;
                padding: 10% 12%;
            }

                .ChurchworkerDetails-Container .ChurchworkerDetails-Details .ChurchworkerDetails-Details-profile .ChurchworkerDetails-Details-profile-imgdiv {
                    width: 100%;
                    padding: 2%;
                    background-color: #fff;
                    margin-top: -165px;
                    border: 1px solid #e5e5e5;
                    box-shadow: 0 1px 3px rgba(0,0,0,.12);
                }

                    .ChurchworkerDetails-Container .ChurchworkerDetails-Details .ChurchworkerDetails-Details-profile .ChurchworkerDetails-Details-profile-imgdiv img {
                        width: 100%;
                    }

        .ChurchworkerDetails-Container .ChurchworkerDetails-Details-profiledetails {
            width: 72%;
            float: left;
        }

        .ChurchworkerDetails-Container .ChurchworkerDetails-Details .ChurchworkerDetails-Details-profile .ChurchworkerDetails-Details-profile-img-row {
            padding: 2%;
        }
.viewdetailsrow-single-row {
        border-bottom: 1px solid #ddd;
    padding: 10px 0px;
    background: #f2f2f2;
}
.red{
    color:red;
}
.green{
    color:forestgreen;
}
.card {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.card li {
       float: left;
    width: 23%;
    border: 1px solid #ddd;
    margin: 1%;
}
.card li .card-container{
}
.card li .card-container .card-container-row{
}
.card li .card-container .card-container-row .card-image{
        width: 30%;
    float: left;
        padding: 2%;
}
.card li .card-container .card-container-row .card-image img{
        width: 100%;
        margin:0px;
            height: 58px;
}
.card li .card-container .card-container-row .card-details{
    width: 70%;
    float: left;
        padding: 2%;
}
.card li .card-container .card-container-row .card-details .card-details-row-1{
}
.card li .card-container .card-container-row .card-details .card-details-row-2{
}
.card li .card-container .card-container-row .card-details .card-details-row-3{
}
.card li .card-container .card-action{
}
.spinner div {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -20px;
  top: 40px;
  background-color: #333;
  border-radius: 50%;
  animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
}
.spinner div:nth-child(2) {
  animation-delay: 150ms;
}
.spinner div:nth-child(3) {
  animation-delay: 300ms;
}
.spinner div:nth-child(4) {
  animation-delay: 450ms;
}
@keyframes move {
  0% {left: 0%;}
  75% {left:100%;}
  100% {left:100%;}
}
.custom-grid-header { background: #264348; color: #fff;border-bottom: 3px solid #3b40ce; }
    .custom-grid-header .custom-grid-name { width: 70%; float: left;font-weight:bold;padding:10px; }
    .custom-grid-header .custom-grid-menu { width: 30%; float: left; }
.errordiv { text-align:center;padding:10%;}
.sortactive {
    background: #e6e6e6;
}
.griddiv { position: absolute;
    z-index: 999;
    top: 40px;
    background: #fff;
    height: 100%;
    width: 100%;
    left: 0;}
.widget-body { position:relative;    min-height: 500px;}
.errordiv .erroricon{ color:red;font-size:48px;}
.sortmenu {     color: #264348;
    border-bottom: 1px solid #ddd;}
.sortmenu .sort-col-1{width:20%;float:left;text-align: center;
    padding: 10px; }
.sortmenu .sort-col-2{    width: 80%;
    float: left;
    text-align: left;
    padding: 12px 0px;
    font-size: 14px;}
    .custom-grid-menu-ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
    .custom-grid-menu-ul .custom-grid-menu-ul-li{
    float:left;
        padding: 10px 15px;
}
    .custom-grid-menu-ul .custom-grid-menu-ul-li:hover{
      background: #3b6b73  !important;
      cursor:pointer;
}
    .custom-grid-menu-ul .custom-grid-menu-ul-li a{
      padding: 10px 3px;
}

.familydetails { border-bottom: 1px solid #e5e5e5; padding: 2px; }
    .familydetails .familydetails-row1 { font-weight: bold; }
    .familydetails .familydetails-row2 { }
.autocomplete { }
.activerow { background: #cccccc; }
.autocomplete .textboxautocomplete { background: #fff; cursor: pointer; border: 1px solid #ccc; }
    .autocomplete .textboxautocomplete .textboxautocomplete-familyrow { border-bottom: 1px solid #f2f2f2; }
        .autocomplete .textboxautocomplete .textboxautocomplete-familyrow .textboxautocomplete-familymemberdetails:hover { background-color: #f2f2f2; }
        .autocomplete .textboxautocomplete .textboxautocomplete-familyrow .textboxautocomplete-familyhead { font-weight: bold; padding: 1%; }
        .autocomplete .textboxautocomplete .textboxautocomplete-familyrow .textboxautocomplete-nomembers { padding: 2%; text-align: center; }
        .autocomplete .textboxautocomplete .textboxautocomplete-familyrow .textboxautocomplete-details { padding: 1%; width: 85%; float: left; }
        .autocomplete .textboxautocomplete .textboxautocomplete-familyrow .textboxautocomplete-image { float: left; width: 15%; }
            .autocomplete .textboxautocomplete .textboxautocomplete-familyrow .textboxautocomplete-image img { width: 100%; }

.showautocomplete:focus + .textboxautocomplete { display: block !important; }


.left-panel { float: left; }

    .left-panel img { width: 48px; height: 48px; vertical-align: middle; }

.right-panel { float: left; margin-left: 5px; margin-top: 7px; }

    .right-panel span:first-child { font-size: 16px; }

    .right-panel span:nth-child(2) { font-size: 14px; color: gray; }

    .right-panel span:last-child { display: block; font-size: 14px; font-style: italic; }
tags-input { display: block; }
    tags-input *, tags-input :after, tags-input :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    tags-input .host { position: relative; margin-top: 5px; margin-bottom: 5px; height: 100%; }
        tags-input .host:active { outline: 0; }
    tags-input .tags { -moz-appearance: textfield; -webkit-appearance: textfield; padding: 1px; overflow: hidden; word-wrap: break-word; cursor: text; background-color: #fff; border: 1px solid #a9a9a9; box-shadow: 1px 1px 1px 0 #d3d3d3 inset; height: 100%; }
        tags-input .tags.focused { outline: 0; -webkit-box-shadow: 0 0 3px 1px rgba(5,139,242,.6); -moz-box-shadow: 0 0 3px 1px rgba(5,139,242,.6); box-shadow: 0 0 3px 1px rgba(5,139,242,.6); }
        tags-input .tags .tag-list { margin: 0; padding: 0; list-style-type: none; }
        tags-input .tags .tag-item { margin: 2px; padding: 0 5px; display: inline-block; float: left; font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif; height: 26px; line-height: 25px; border: 1px solid #acacac; border-radius: 3px; background: -webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%); background: linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%); }
            tags-input .tags .tag-item.selected { background: -webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%); background: linear-gradient(to bottom,#febbbb 0,#fe9090 45%,#ff5c5c 100%); }
            tags-input .tags .tag-item .remove-button { margin: 0 0 0 5px; padding: 0; border: none; background: 0 0; cursor: pointer; vertical-align: middle; font: 700 16px Arial,sans-serif; color: #585858; }
                tags-input .tags .input.invalid-tag, tags-input .tags .tag-item .remove-button:active { color: red; }
        tags-input .tags .input { border: 0; outline: 0; margin: 2px; padding: 0 0 0 5px; float: left; height: 26px; font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif; }
            tags-input .tags .input::-ms-clear { display: none; }
    tags-input.ng-invalid .tags { -webkit-box-shadow: 0 0 3px 1px rgba(255,0,0,.6); -moz-box-shadow: 0 0 3px 1px rgba(255,0,0,.6); box-shadow: 0 0 3px 1px rgba(255,0,0,.6); }
    tags-input[disabled] .host:focus { outline: 0; }
    tags-input[disabled] .tags { background-color: #eee; cursor: default; }
        tags-input[disabled] .tags .tag-item { opacity: .65; background: -webkit-linear-gradient(top,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%); background: linear-gradient(to bottom,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%); }
            tags-input[disabled] .tags .tag-item .remove-button { cursor: default; }
                tags-input[disabled] .tags .tag-item .remove-button:active { color: #585858; }
        tags-input[disabled] .tags .input { background-color: #eee; cursor: default; }
    tags-input .autocomplete { margin-top: 5px; position: absolute; padding: 5px 0; z-index: 999; width: 100%; background-color: #fff; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
        tags-input .autocomplete .suggestion-list { margin: 0; padding: 0; list-style-type: none; max-height: 280px; overflow-y: auto; position: relative; }
        tags-input .autocomplete .suggestion-item { padding: 5px 10px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #000; background-color: #fff; }
            tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em { color: #fff; background-color: #0097cf; }
            tags-input .autocomplete .suggestion-item em { font: normal 700 16px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #000; background-color: #fff; }
.importantrow { background-color: #22F058 !important; }
ul.dropdown-menu { max-height: 500px; }
input[type="text"].ng-invalid,
input[type="email"].ng-invalid,
input[type="password"].ng-invalid,
input[type="date"].ng-invalid,
input[type="number"].ng-invalid,
textarea.ng-invalid,
select.ng-invalid { border-left: 2px solid #ff0000; background-color: #fff; }
.error { color: red; }
input[type="text"].ng-valid, im input[type="password"].ng-valid,
input[type="date"].ng-valid,
input[type="number"].ng-valid,
textarea.ng-valid select.ng-valid { background-color: #FFFFFF; }
.pri-0 { background: #D6F7C8; }
.pri-1 { background: #F9F9CE; }
.pri-2 { background: #FDDCDC; }
input[type="text"]:disabled.ng-valid { background-color: #efefef; border: 1px solid #ccc; }
body { font-family: "Source Sans Pro",sans-serif; font-size:12px !important; color: #264348; position: relative; background-color: #f2f1ef; text-rendering: optimizelegibility!important; -webkit-font-smoothing: antialiased!important; -moz-osx-font-smoothing: grayscale!important; }
a { color: #6468d8; text-decoration: none; }
.al-left { text-align: left !important; }
a:focus, a:hover { text-decoration: none; outline: 0; color: #3b40ce; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.text-primary { color: #3035c0!important; }
a.text-primary:focus, a.text-primary:hover { color: #2b2fab!important; }
.text-success { color: #17a689!important; }
a.text-success:focus, a.text-success:hover { color: #148f77!important; }
.text-info { color: #109ce9!important; }
a.text-info:focus, a.text-info:hover { color: #0e8cd1!important; }
.text-warning { color: #ffae04!important; }
a.text-warning:focus, a.text-warning:hover { color: #ea9e00!important; }
.text-danger { color: #df1e0c!important; }
a.text-danger:focus, a.text-danger:hover { color: #c71b0b!important; }
.text-gray { color: #87999a!important; }
a.text-gray:focus, a.text-gray:hover { color: #798d8f!important; }
.text-green { color: #22ad73!important; }
a.text-green:focus, a.text-green:hover { color: #1e9765!important; }
.text-lime { color: #94cf04!important; }
a.text-lime:focus, a.text-lime:hover { color: #82b603!important; }
.text-purple { color: #8d15c1!important; }
a.text-purple:focus, a.text-purple:hover { color: #7c13aa!important; }
.text-pink { color: #f50c46!important; }
a.text-pink:focus, a.text-pink:hover { color: #de093f!important; }
.text-orange { color: #e85d06!important; }
a.text-orange:focus, a.text-orange:hover { color: #cf5305!important; }
.text-white { color: #fff!important; }
.text-black, .text-black a { color: #264348!important; }
.bg-primary { background-color: #3b40ce!important; color: #fff; }
a.bg-primary:focus, a.bg-primary:hover { background-color: #2b2fab; }
.bg-success { background-color: #1abc9c!important; color: #fff; }
a.bg-success:focus, a.bg-success:hover { background-color: #148f77; }
.bg-info { background-color: #22a7f0!important; color: #fff; }
a.bg-info:focus, a.bg-info:hover { background-color: #0e8cd1; }
.bg-warning { background-color: #ffb61e!important; color: #fff; }
a.bg-warning:focus, a.bg-warning:hover { background-color: #ea9e00; }
.bg-danger { background-color: #f22613!important; color: #fff; }
a.bg-danger:focus, a.bg-danger:hover { background-color: #c71b0b; }
.bg-gray { background-color: #95a5a6!important; color: #fff; }
a.bg-gray:focus, a.bg-gray:hover { background-color: #798d8f; }
.bg-purple { background-color: #9e18d8!important; color: #fff; }
a.bg-purple:focus, a.bg-purple:hover { background-color: #7c13aa; }
.bg-orange { background-color: #f9690e!important; color: #fff; }
a.bg-orange:focus, a.bg-orange:hover { background-color: #cf5305; }
.bg-pink { background-color: #f62459!important; color: #fff; }
a.bg-pink:focus, a.bg-pink:hover { background-color: #de093f; }
.bg-green { background-color: #26c281!important; color: #fff; }
a.bg-green:focus, a.bg-green:hover { background-color: #1e9765; }
.bg-lime { background-color: #a6e804!important; color: #fff; }
a.bg-lime:focus, a.bg-lime:hover { background-color: #82b603; }
.bg-black { background-color: #264348!important; color: #fff; }
a.bg-black:focus, a.bg-black:hover { background-color: #142427; }
.bg-white { background-color: #fff; }
    .bg-white hr { border-color: #eee!important; }
div[class^=bg-] hr { border-color: rgba(255,255,255,.3); }
.page-header { border-style: none; padding: 0; margin: 0; color: #3035c0; }
pre { border-radius: 2px; }
.row-0 { margin: 0; }
    .row-0 > * { padding: 0; }
.row-xxs { margin: 0 -3px; }
    .row-xxs > * { padding: 0 3px; }
.row-xs { margin: 0 -5px; }
    .row-xs > * { padding: 0 5px; }
.row-sm { margin: 0 -10px; }
    .row-sm > * { padding: 0 10px; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { color: #000; vertical-align: middle; }
.table > tfoot > tr > th, .table > thead > tr > th { font-weight: 600; padding: 8px; background: #E6E6E6; border-bottom: 1px solid #e5e5e5; color: #264348; text-transform: uppercase; }
    .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #b5b7ed; }
.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #8d90e2; }
.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #81eed8; }
.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #55e7ca; }
.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #b1e0fa; }
.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #82cdf6; }
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #ffe8b7; }
.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #ffd784; }
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #faaba4; }
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #f77f74; }
.form-control { box-shadow: none; border-radius: 2px; }
    .form-control.focus, .form-control:focus { box-shadow: none; border-color: #3b40ce; }
    .form-control.rounded { border-radius: 100px!important; }
.checkbox, .radio, .switch-button { margin-bottom: 15px; }
.checkbox-custom label, .radio-custom label { font-weight: 400; }
fieldset[disabled] input[type=radio] + label, fieldset[disabled] input[type=checkbox] + label, input[type=radio].disabled + label, input[type=radio][disabled] + label, input[type=checkbox].disabled + label, input[type=checkbox][disabled] + label { opacity: .65; }
input[type=radio]:focus, input[type=checkbox]:focus { outline: 0; }
.checkbox-inline, .radio-inline { padding-left: 0; }
.checkbox-custom input[type=checkbox] { display: none!important; }
    .checkbox-custom input[type=checkbox] + label { position: relative; padding-left: 30px; height: 20px; cursor: pointer; margin-bottom: 0; }
        .checkbox-custom input[type=checkbox] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #95a5a6; outline: transparent solid 1px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
        .checkbox-custom input[type=checkbox] + label.checkbox-primary:before { border-color: #3b40ce; }
        .checkbox-custom input[type=checkbox] + label.checkbox-success:before { border-color: #1abc9c; }
        .checkbox-custom input[type=checkbox] + label.checkbox-warning:before { border-color: #ffb61e; }
        .checkbox-custom input[type=checkbox] + label.checkbox-error:before { border-color: #f22613; }
    .checkbox-custom input[type=checkbox]:checked + label:before { height: 10px; border-top-style: none; border-right-style: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.radio-custom input[type=radio] { display: none!important; }
    .radio-custom input[type=radio] + label { position: relative; padding-left: 30px; height: 20px; cursor: pointer; margin-bottom: 0; }
        .radio-custom input[type=radio] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #95a5a6; border-radius: 50%; }
        .radio-custom input[type=radio] + label.radio-primary:before { border-color: #3b40ce; }
        .radio-custom input[type=radio] + label.radio-success:before { border-color: #1abc9c; }
        .radio-custom input[type=radio] + label.radio-warning:before { border-color: #ffb61e; }
        .radio-custom input[type=radio] + label.radio-error:before { border-color: #f22613; }
        .radio-custom input[type=radio] + label:after { content: ''; position: absolute; width: 12px; height: 12px; top: 4px; left: 4px; display: block; border-radius: 50%; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    .radio-custom input[type=radio]:checked + label:after { background-color: #95a5a6; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
    .radio-custom input[type=radio]:checked + label.radio-primary:after { background-color: #3b40ce; }
    .radio-custom input[type=radio]:checked + label.radio-success:after { background-color: #1abc9c; }
    .radio-custom input[type=radio]:checked + label.radio-warning:after { background-color: #ffb61e; }
    .radio-custom input[type=radio]:checked + label.radio-error:after { background-color: #f22613; }
.switch-button input[type=radio], .switch-button input[type=checkbox] { display: none!important; }
    .switch-button input[type=radio] + label, .switch-button input[type=checkbox] + label { position: relative; cursor: pointer; margin-bottom: 0; width: 44px; height: 18px; background-color: #e5e5e5; border-radius: 100px; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
        .switch-button input[type=radio] + label:before, .switch-button input[type=checkbox] + label:before { content: ""; position: absolute; top: -3px; left: -2px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -webkit-transition: margin .3s; -moz-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s; }
    .switch-button input[type=radio]:checked + label, .switch-button input[type=checkbox]:checked + label { background-color: #b1bdbd; }
        .switch-button input[type=radio]:checked + label:before, .switch-button input[type=checkbox]:checked + label:before { margin-left: 24px; background-color: #95a5a6; }
        .switch-button input[type=radio]:checked + label.switch-primary, .switch-button input[type=checkbox]:checked + label.switch-primary { background-color: #6468d8; }
            .switch-button input[type=radio]:checked + label.switch-primary:before, .switch-button input[type=checkbox]:checked + label.switch-primary:before { background-color: #3b40ce; }
        .switch-button input[type=radio]:checked + label.switch-success, .switch-button input[type=checkbox]:checked + label.switch-success { background-color: #28e1bd; }
            .switch-button input[type=radio]:checked + label.switch-success:before, .switch-button input[type=checkbox]:checked + label.switch-success:before { background-color: #1abc9c; }
        .switch-button input[type=radio]:checked + label.switch-info, .switch-button input[type=checkbox]:checked + label.switch-info { background-color: #52baf3; }
            .switch-button input[type=radio]:checked + label.switch-info:before, .switch-button input[type=checkbox]:checked + label.switch-info:before { background-color: #22a7f0; }
        .switch-button input[type=radio]:checked + label.switch-warning, .switch-button input[type=checkbox]:checked + label.switch-warning { background-color: #ffc751; }
            .switch-button input[type=radio]:checked + label.switch-warning:before, .switch-button input[type=checkbox]:checked + label.switch-warning:before { background-color: #ffb61e; }
        .switch-button input[type=radio]:checked + label.switch-error, .switch-button input[type=checkbox]:checked + label.switch-error { background-color: #f55243; }
            .switch-button input[type=radio]:checked + label.switch-error:before, .switch-button input[type=checkbox]:checked + label.switch-error:before { background-color: #f22613; }
        .switch-button input[type=radio]:checked + label.switch-purple, .switch-button input[type=checkbox]:checked + label.switch-purple { background-color: #b43ae9; }
            .switch-button input[type=radio]:checked + label.switch-purple:before, .switch-button input[type=checkbox]:checked + label.switch-purple:before { background-color: #9e18d8; }
        .switch-button input[type=radio]:checked + label.switch-orange, .switch-button input[type=checkbox]:checked + label.switch-orange { background-color: #fa8840; }
            .switch-button input[type=radio]:checked + label.switch-orange:before, .switch-button input[type=checkbox]:checked + label.switch-orange:before { background-color: #f9690e; }
        .switch-button input[type=radio]:checked + label.switch-pink, .switch-button input[type=checkbox]:checked + label.switch-pink { background-color: #f8557e; }
            .switch-button input[type=radio]:checked + label.switch-pink:before, .switch-button input[type=checkbox]:checked + label.switch-pink:before { background-color: #f62459; }
        .switch-button input[type=radio]:checked + label.switch-green, .switch-button input[type=checkbox]:checked + label.switch-green { background-color: #41da9a; }
            .switch-button input[type=radio]:checked + label.switch-green:before, .switch-button input[type=checkbox]:checked + label.switch-green:before { background-color: #26c281; }
        .switch-button input[type=radio]:checked + label.switch-lime, .switch-button input[type=checkbox]:checked + label.switch-lime { background-color: #bdfb24; }
            .switch-button input[type=radio]:checked + label.switch-lime:before, .switch-button input[type=checkbox]:checked + label.switch-lime:before { background-color: #a6e804; }
        .switch-button input[type=radio]:checked + label.switch-black, .switch-button input[type=checkbox]:checked + label.switch-black { background-color: #3d7782; }
            .switch-button input[type=radio]:checked + label.switch-black:before, .switch-button input[type=checkbox]:checked + label.switch-black:before { background-color: #2d575f; }
.form-group-lg .form-control, .form-group-sm .form-control { border-radius: 2px; }
.form-control-feedback { line-height: 34px; }
.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { font-size: 18px; line-height: 46px; }
.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { font-size: 12px; line-height: 30px; }
.has-primary .checkbox, .has-primary .checkbox-inline, .has-primary .control-label, .has-primary .help-block, .has-primary .radio, .has-primary .radio-inline, .has-primary.checkbox label, .has-primary.checkbox-inline label, .has-primary.radio label, .has-primary.radio-inline label { color: #3b40ce; font-weight: 600; }
.has-primary .form-control { border-color: #3b40ce; box-shadow: none; }
    .has-primary .form-control:focus { box-shadow: none; border-color: #3b40ce; }
.has-primary .input-group-addon { color: #3b40ce; border-color: #3b40ce; background-color: transparent; }
.has-primary .form-control-feedback { color: #3b40ce; }
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #1abc9c; font-weight: 600; }
.has-success .form-control { border-color: #1abc9c; box-shadow: none; }
    .has-success .form-control:focus { box-shadow: none; border-color: #1abc9c; }
.has-success .input-group-addon { color: #1abc9c; border-color: #1abc9c; background-color: transparent; }
.has-success .form-control-feedback { color: #1abc9c; }
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #ffb61e; font-weight: 600; }
.has-warning .form-control { border-color: #ffb61e; box-shadow: none; }
    .has-warning .form-control:focus { box-shadow: none; border-color: #ffb61e; }
.has-warning .input-group-addon { color: #ffb61e; border-color: #ffb61e; background-color: transparent; }
.has-warning .form-control-feedback { color: #ffb61e; }
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #f22613; font-weight: 600; }
.has-error .form-control { border-color: #f22613; box-shadow: none; }
    .has-error .form-control:focus { box-shadow: none; border-color: #f22613; }
.has-error .input-group-addon { color: #f22613; border-color: #f22613; background-color: transparent; }
.has-error .form-control-feedback { color: #f22613; }
.form-inline .form-group { margin-right: 15px; }

@media (max-width:767px) {
    .form-inline .form-group { margin-right: 0; }
}

.btn { outline: 0!important; border-radius: 2px; padding: 6px 15px; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn.btn-circle { border-radius: 50%; }
    .btn.btn-circle, .btn.btn-square { width: 34px; height: 34px; text-align: center; padding: 0; }
        .btn.btn-circle.btn-xl, .btn.btn-square.btn-xl { width: 60px; height: 60px; padding: 18px 0; }
        .btn.btn-circle.btn-lg, .btn.btn-square.btn-lg { width: 46px; height: 46px; padding: 0; }
        .btn.btn-circle.btn-sm, .btn.btn-square.btn-sm { width: 30px; height: 30px; padding: 0; }
        .btn.btn-circle.btn-xs, .btn.btn-square.btn-xs { width: 22px; height: 22px; padding: 0; }
.btn-lg { padding: 10px 20px; border-radius: 2px; }
.btn-sm { padding: 5px 12px; border-radius: 2px; }
.btn-xs { padding: 1px 4px; border-radius: 2px; }
.btn-default { color: #264348; background-color: #fff; border-color: #fff; }
    .btn-default.focus, .btn-default:focus { color: #264348!important; background-color: #e6e6e6!important; border-color: #e6e6e6!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-default:hover { color: #264348!important; background-color: #f2f2f2!important; border-color: #f2f2f2!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #264348; background-color: #f2f2f2; border-color: #f2f2f2; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #264348; background-color: #f2f2f2; border-color: #f2f2f2; }
    .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-default .badge { color: #fff; }
.btn-primary { color: #fff; background-color: #3b40ce; border-color: #3b40ce; }
    .btn-primary.focus, .btn-primary:focus { color: #fff!important; background-color: #2b2fab!important; border-color: #2b2fab!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-primary:hover { color: #fff!important; background-color: #3035c0!important; border-color: #3035c0!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #3035c0; border-color: #3035c0; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #3035c0; border-color: #3035c0; }
    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #3b40ce; border-color: #3b40ce; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-primary .badge { color: #3b40ce; }
.btn-success { color: #fff; background-color: #1abc9c; border-color: #1abc9c; }
    .btn-success.focus, .btn-success:focus { color: #fff!important; background-color: #148f77!important; border-color: #148f77!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-success:hover { color: #fff!important; background-color: #17a689!important; border-color: #17a689!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #17a689; border-color: #17a689; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: #17a689; border-color: #17a689; }
    .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #1abc9c; border-color: #1abc9c; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-success .badge { color: #1abc9c; }
.btn-info { color: #fff; background-color: #22a7f0; border-color: #22a7f0; }
    .btn-info.focus, .btn-info:focus { color: #fff!important; background-color: #0e8cd1!important; border-color: #0e8cd1!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-info:hover { color: #fff!important; background-color: #109ce9!important; border-color: #109ce9!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #109ce9; border-color: #109ce9; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: #109ce9; border-color: #109ce9; }
    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #22a7f0; border-color: #22a7f0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-info .badge { color: #22a7f0; }
.btn-warning { color: #fff; background-color: #ffb61e; border-color: #ffb61e; }
    .btn-warning.focus, .btn-warning:focus { color: #fff!important; background-color: #ea9e00!important; border-color: #ea9e00!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-warning:hover { color: #fff!important; background-color: #ffae04!important; border-color: #ffae04!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ffae04; border-color: #ffae04; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #ffae04; border-color: #ffae04; }
    .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #ffb61e; border-color: #ffb61e; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-warning .badge { color: #ffb61e; }
.btn-danger { color: #fff; background-color: #f22613; border-color: #f22613; }
    .btn-danger.focus, .btn-danger:focus { color: #fff!important; background-color: #c71b0b!important; border-color: #c71b0b!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-danger:hover { color: #fff!important; background-color: #df1e0c!important; border-color: #df1e0c!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #df1e0c; border-color: #df1e0c; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #df1e0c; border-color: #df1e0c; }
    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #f22613; border-color: #f22613; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-danger .badge { color: #f22613; }
.btn-gray { color: #fff; background-color: #95a5a6; border-color: #95a5a6; }
    .btn-gray.focus, .btn-gray:focus { color: #fff!important; background-color: #798d8f!important; border-color: #798d8f!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-gray:hover { color: #fff!important; background-color: #87999a!important; border-color: #87999a!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-gray.active, .btn-gray:active, .open > .dropdown-toggle.btn-gray { color: #fff; background-color: #87999a; border-color: #87999a; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open > .dropdown-toggle.btn-gray.focus, .open > .dropdown-toggle.btn-gray:focus, .open > .dropdown-toggle.btn-gray:hover { color: #fff; background-color: #87999a; border-color: #87999a; }
    .btn-gray.disabled, .btn-gray.disabled.active, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled], .btn-gray[disabled].active, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover { background-color: #95a5a6; border-color: #95a5a6; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-gray .badge { color: #95a5a6; }
.btn-purple { color: #fff; background-color: #9e18d8; border-color: #9e18d8; }
    .btn-purple.focus, .btn-purple:focus { color: #fff!important; background-color: #7c13aa!important; border-color: #7c13aa!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-purple:hover { color: #fff!important; background-color: #8d15c1!important; border-color: #8d15c1!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-purple.active, .btn-purple:active, .open > .dropdown-toggle.btn-purple { color: #fff; background-color: #8d15c1; border-color: #8d15c1; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-purple.active.focus, .btn-purple.active:focus, .btn-purple.active:hover, .btn-purple:active.focus, .btn-purple:active:focus, .btn-purple:active:hover, .open > .dropdown-toggle.btn-purple.focus, .open > .dropdown-toggle.btn-purple:focus, .open > .dropdown-toggle.btn-purple:hover { color: #fff; background-color: #8d15c1; border-color: #8d15c1; }
    .btn-purple.disabled, .btn-purple.disabled.active, .btn-purple.disabled.focus, .btn-purple.disabled:active, .btn-purple.disabled:focus, .btn-purple.disabled:hover, .btn-purple[disabled], .btn-purple[disabled].active, .btn-purple[disabled].focus, .btn-purple[disabled]:active, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple, fieldset[disabled] .btn-purple.active, fieldset[disabled] .btn-purple.focus, fieldset[disabled] .btn-purple:active, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:hover { background-color: #9e18d8; border-color: #9e18d8; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-purple .badge { color: #9e18d8; }
.btn-orange { color: #fff; background-color: #f9690e; border-color: #f9690e; }
    .btn-orange.focus, .btn-orange:focus { color: #fff!important; background-color: #cf5305!important; border-color: #cf5305!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-orange:hover { color: #fff!important; background-color: #e85d06!important; border-color: #e85d06!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-orange.active, .btn-orange:active, .open > .dropdown-toggle.btn-orange { color: #fff; background-color: #e85d06; border-color: #e85d06; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-orange.active.focus, .btn-orange.active:focus, .btn-orange.active:hover, .btn-orange:active.focus, .btn-orange:active:focus, .btn-orange:active:hover, .open > .dropdown-toggle.btn-orange.focus, .open > .dropdown-toggle.btn-orange:focus, .open > .dropdown-toggle.btn-orange:hover { color: #fff; background-color: #e85d06; border-color: #e85d06; }
    .btn-orange.disabled, .btn-orange.disabled.active, .btn-orange.disabled.focus, .btn-orange.disabled:active, .btn-orange.disabled:focus, .btn-orange.disabled:hover, .btn-orange[disabled], .btn-orange[disabled].active, .btn-orange[disabled].focus, .btn-orange[disabled]:active, .btn-orange[disabled]:focus, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange, fieldset[disabled] .btn-orange.active, fieldset[disabled] .btn-orange.focus, fieldset[disabled] .btn-orange:active, fieldset[disabled] .btn-orange:focus, fieldset[disabled] .btn-orange:hover { background-color: #f9690e; border-color: #f9690e; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-orange .badge { color: #f9690e; }
.btn-pink { color: #fff; background-color: #f62459; border-color: #f62459; }
    .btn-pink.focus, .btn-pink:focus { color: #fff!important; background-color: #de093f!important; border-color: #de093f!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-pink:hover { color: #fff!important; background-color: #f50c46!important; border-color: #f50c46!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-pink.active, .btn-pink:active, .open > .dropdown-toggle.btn-pink { color: #fff; background-color: #f50c46; border-color: #f50c46; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-pink.active.focus, .btn-pink.active:focus, .btn-pink.active:hover, .btn-pink:active.focus, .btn-pink:active:focus, .btn-pink:active:hover, .open > .dropdown-toggle.btn-pink.focus, .open > .dropdown-toggle.btn-pink:focus, .open > .dropdown-toggle.btn-pink:hover { color: #fff; background-color: #f50c46; border-color: #f50c46; }
    .btn-pink.disabled, .btn-pink.disabled.active, .btn-pink.disabled.focus, .btn-pink.disabled:active, .btn-pink.disabled:focus, .btn-pink.disabled:hover, .btn-pink[disabled], .btn-pink[disabled].active, .btn-pink[disabled].focus, .btn-pink[disabled]:active, .btn-pink[disabled]:focus, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink.active, fieldset[disabled] .btn-pink.focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink:hover { background-color: #f62459; border-color: #f62459; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-pink .badge { color: #f62459; }
.btn-green { color: #fff; background-color: #26c281; border-color: #26c281; }
    .btn-green.focus, .btn-green:focus { color: #fff!important; background-color: #1e9765!important; border-color: #1e9765!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-green:hover { color: #fff!important; background-color: #22ad73!important; border-color: #22ad73!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-green.active, .btn-green:active, .open > .dropdown-toggle.btn-green { color: #fff; background-color: #22ad73; border-color: #22ad73; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-green.active.focus, .btn-green.active:focus, .btn-green.active:hover, .btn-green:active.focus, .btn-green:active:focus, .btn-green:active:hover, .open > .dropdown-toggle.btn-green.focus, .open > .dropdown-toggle.btn-green:focus, .open > .dropdown-toggle.btn-green:hover { color: #fff; background-color: #22ad73; border-color: #22ad73; }
    .btn-green.disabled, .btn-green.disabled.active, .btn-green.disabled.focus, .btn-green.disabled:active, .btn-green.disabled:focus, .btn-green.disabled:hover, .btn-green[disabled], .btn-green[disabled].active, .btn-green[disabled].focus, .btn-green[disabled]:active, .btn-green[disabled]:focus, .btn-green[disabled]:hover, fieldset[disabled] .btn-green, fieldset[disabled] .btn-green.active, fieldset[disabled] .btn-green.focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:hover { background-color: #26c281; border-color: #26c281; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-green .badge { color: #26c281; }
.btn-lime { color: #fff; background-color: #a6e804; border-color: #a6e804; }
    .btn-lime.focus, .btn-lime:focus { color: #fff!important; background-color: #82b603!important; border-color: #82b603!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-lime:hover { color: #fff!important; background-color: #94cf04!important; border-color: #94cf04!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-lime.active, .btn-lime:active, .open > .dropdown-toggle.btn-lime { color: #fff; background-color: #94cf04; border-color: #94cf04; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-lime.active.focus, .btn-lime.active:focus, .btn-lime.active:hover, .btn-lime:active.focus, .btn-lime:active:focus, .btn-lime:active:hover, .open > .dropdown-toggle.btn-lime.focus, .open > .dropdown-toggle.btn-lime:focus, .open > .dropdown-toggle.btn-lime:hover { color: #fff; background-color: #94cf04; border-color: #94cf04; }
    .btn-lime.disabled, .btn-lime.disabled.active, .btn-lime.disabled.focus, .btn-lime.disabled:active, .btn-lime.disabled:focus, .btn-lime.disabled:hover, .btn-lime[disabled], .btn-lime[disabled].active, .btn-lime[disabled].focus, .btn-lime[disabled]:active, .btn-lime[disabled]:focus, .btn-lime[disabled]:hover, fieldset[disabled] .btn-lime, fieldset[disabled] .btn-lime.active, fieldset[disabled] .btn-lime.focus, fieldset[disabled] .btn-lime:active, fieldset[disabled] .btn-lime:focus, fieldset[disabled] .btn-lime:hover { background-color: #a6e804; border-color: #a6e804; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-lime .badge { color: #a6e804; }
.btn-black { color: #fff; background-color: #2d575f; border-color: #2d575f; }
    .btn-black.focus, .btn-black:focus { color: #fff!important; background-color: #1d373c!important; border-color: #1d373c!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-black:hover { color: #fff!important; background-color: #25474e!important; border-color: #25474e!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
    .btn-black.active, .btn-black:active, .open > .dropdown-toggle.btn-black { color: #fff; background-color: #25474e; border-color: #25474e; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
        .btn-black.active.focus, .btn-black.active:focus, .btn-black.active:hover, .btn-black:active.focus, .btn-black:active:focus, .btn-black:active:hover, .open > .dropdown-toggle.btn-black.focus, .open > .dropdown-toggle.btn-black:focus, .open > .dropdown-toggle.btn-black:hover { color: #fff; background-color: #25474e; border-color: #25474e; }
    .btn-black.disabled, .btn-black.disabled.active, .btn-black.disabled.focus, .btn-black.disabled:active, .btn-black.disabled:focus, .btn-black.disabled:hover, .btn-black[disabled], .btn-black[disabled].active, .btn-black[disabled].focus, .btn-black[disabled]:active, .btn-black[disabled]:focus, .btn-black[disabled]:hover, fieldset[disabled] .btn-black, fieldset[disabled] .btn-black.active, fieldset[disabled] .btn-black.focus, fieldset[disabled] .btn-black:active, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black:hover { background-color: #2d575f; border-color: #2d575f; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .btn-black .badge { color: #2d575f; }
.btn-flat.btn-default { background-color: transparent; color: #fff; border-color: transparent; box-shadow: none; }
.btn-flat.btn-primary { background-color: transparent; color: #3b40ce; border-color: transparent; box-shadow: none; }
.btn-flat.btn-success { background-color: transparent; color: #1abc9c; border-color: transparent; box-shadow: none; }
.btn-flat.btn-info { background-color: transparent; color: #22a7f0; border-color: transparent; box-shadow: none; }
.btn-flat.btn-warning { background-color: transparent; color: #ffb61e; border-color: transparent; box-shadow: none; }
.btn-flat.btn-danger { background-color: transparent; color: #f22613; border-color: transparent; box-shadow: none; }
.btn-flat.btn-gray { background-color: transparent; color: #95a5a6; border-color: transparent; box-shadow: none; }
.btn-flat.btn-purple { background-color: transparent; color: #9e18d8; border-color: transparent; box-shadow: none; }
.btn-flat.btn-orange { background-color: transparent; color: #f9690e; border-color: transparent; box-shadow: none; }
.btn-flat.btn-pink { background-color: transparent; color: #f62459; border-color: transparent; box-shadow: none; }
.btn-flat.btn-green { background-color: transparent; color: #26c281; border-color: transparent; box-shadow: none; }
.btn-flat.btn-lime { background-color: transparent; color: #a6e804; border-color: transparent; box-shadow: none; }
.btn-flat.btn-black { background-color: transparent; color: #2d575f; border-color: transparent; box-shadow: none; }
.btn-outline.btn-default { background-color: transparent; color: #264348; border-color: #e5e5e5; box-shadow: none; }
.btn-outline.btn-primary { background-color: transparent; color: #3b40ce; border-color: #3b40ce; box-shadow: none; }
.btn-outline.btn-success { background-color: transparent; color: #1abc9c; border-color: #1abc9c; box-shadow: none; }
.btn-outline.btn-info { background-color: transparent; color: #22a7f0; border-color: #22a7f0; box-shadow: none; }
.btn-outline.btn-warning { background-color: transparent; color: #ffb61e; border-color: #ffb61e; box-shadow: none; }
.btn-outline.btn-danger { background-color: transparent; color: #f22613; border-color: #f22613; box-shadow: none; }
.btn-outline.btn-gray { background-color: transparent; color: #95a5a6; border-color: #95a5a6; box-shadow: none; }
.btn-outline.btn-purple { background-color: transparent; color: #9e18d8; border-color: #9e18d8; box-shadow: none; }
.btn-outline.btn-orange { background-color: transparent; color: #f9690e; border-color: #f9690e; box-shadow: none; }
.btn-outline.btn-pink { background-color: transparent; color: #f62459; border-color: #f62459; box-shadow: none; }
.btn-outline.btn-green { background-color: transparent; color: #26c281; border-color: #26c281; box-shadow: none; }
.btn-outline.btn-lime { background-color: transparent; color: #a6e804; border-color: #a6e804; box-shadow: none; }
.btn-outline.btn-black { background-color: transparent; color: #2d575f; border-color: #2d575f; box-shadow: none; }
.btn-raised.btn-default { box-shadow: 0 3px 0 0 #e6e6e6; }
    .btn-raised.btn-default.focus, .btn-raised.btn-default:focus { box-shadow: 0 3px 0 0 #d9d9d9; }
.btn-raised.btn-primary { box-shadow: 0 3px 0 0 #2b2fab; }
    .btn-raised.btn-primary.focus, .btn-raised.btn-primary:focus { box-shadow: 0 3px 0 0 #262a97; }
.btn-raised.btn-success { box-shadow: 0 3px 0 0 #148f77; }
    .btn-raised.btn-success.focus, .btn-raised.btn-success:focus { box-shadow: 0 3px 0 0 #117964; }
.btn-raised.btn-info { box-shadow: 0 3px 0 0 #0e8cd1; }
    .btn-raised.btn-info.focus, .btn-raised.btn-info:focus { box-shadow: 0 3px 0 0 #0d7cb9; }
.btn-raised.btn-warning { box-shadow: 0 3px 0 0 #ea9e00; }
    .btn-raised.btn-warning.focus, .btn-raised.btn-warning:focus { box-shadow: 0 3px 0 0 #d18d00; }
.btn-raised.btn-danger { box-shadow: 0 3px 0 0 #c71b0b; }
    .btn-raised.btn-danger.focus, .btn-raised.btn-danger:focus { box-shadow: 0 3px 0 0 #af180a; }
.btn-raised.btn-gray { box-shadow: 0 3px 0 0 #798d8f; }
    .btn-raised.btn-gray.focus, .btn-raised.btn-gray:focus { box-shadow: 0 3px 0 0 #6d8082; }
.btn-raised.btn-purple { box-shadow: 0 3px 0 0 #7c13aa; }
    .btn-raised.btn-purple.focus, .btn-raised.btn-purple:focus { box-shadow: 0 3px 0 0 #6c1093; }
.btn-raised.btn-orange { box-shadow: 0 3px 0 0 #cf5305; }
    .btn-raised.btn-orange.focus, .btn-raised.btn-orange:focus { box-shadow: 0 3px 0 0 #b64905; }
.btn-raised.btn-pink { box-shadow: 0 3px 0 0 #de093f; }
    .btn-raised.btn-pink.focus, .btn-raised.btn-pink:focus { box-shadow: 0 3px 0 0 #c50838; }
.btn-raised.btn-green { box-shadow: 0 3px 0 0 #1e9765; }
    .btn-raised.btn-green.focus, .btn-raised.btn-green:focus { box-shadow: 0 3px 0 0 #198256; }
.btn-raised.btn-lime { box-shadow: 0 3px 0 0 #82b603; }
    .btn-raised.btn-lime.focus, .btn-raised.btn-lime:focus { box-shadow: 0 3px 0 0 #709d03; }
.btn-raised.btn-black { box-shadow: 0 3px 0 0 #1d373c; }
    .btn-raised.btn-black.focus, .btn-raised.btn-black:focus { box-shadow: 0 3px 0 0 #14272b; }
.btn-rounded { border-radius: 100px!important; }
.dropdown-menu { border-style: none; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .dropdown-menu > li > a { padding: 5px 20px; }
.dm-large { width: 400px; }
.dm-medium { width: 340px; }
.dm-small { width: 330px; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { border-top: 1px solid #e5e5e5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #3b40ce; }
.dropdown-header { padding: 5px 20px; }
.btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn { border-radius: 2px; }
.btn-group.open .dropdown-toggle { box-shadow: none; }
.input-group-addon { border-color: #e5e5e5; background-color: transparent; border-radius: 2px; }
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 2px; }
.nav > li > a { color: #264348; }
    .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; color: #3b40ce; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; }
.nav-tabs-vertical .nav-tabs { border-right: 1px solid #d8d8d8; border-bottom: none; }
    .nav-tabs-vertical .nav-tabs > li { margin-right: -1px; float: none; }
        .nav-tabs-vertical .nav-tabs > li.active > a, .nav-tabs-vertical .nav-tabs > li.active > a:focus, .nav-tabs-vertical .nav-tabs > li.active > a:hover, .nav-tabs-vertical .nav-tabs > li > a:hover { box-shadow: inset -2px 0 0 #3b40ce; }
        .nav-tabs-vertical .nav-tabs > li + li { margin-top: 0; }
.nav-tabs { border-bottom: 1px solid #d8d8d8; }
    .nav-tabs > li > a { margin-right: 0; background-color: transparent; border-style: none; border-radius: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
        .nav-tabs > li > a:hover { box-shadow: inset 0 -2px 0 #3b40ce; background-color: transparent; color: #3b40ce; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-style: none; color: #3b40ce; background-color: transparent; box-shadow: inset 0 -2px 0 #3b40ce; }
    .nav-tabs.nav-justified > li > a { margin-bottom: 0; box-shadow: none; border-radius: 0; border-bottom: 1px solid #d8d8d8; }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-style: none; box-shadow: inset 0 -2px 0 #3b40ce; }
.nav-pills { border-bottom: 1px solid #d8d8d8; }
    .nav-pills > li { margin-bottom: -1px; }
        .nav-pills > li > a { border-radius: 0; }
        .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #3b40ce; }
        .nav-pills > li + li { margin-left: 0; }
.nav-pills-vertical .nav-pills { border-right: 1px solid #d8d8d8; border-bottom: none; }
    .nav-pills-vertical .nav-pills > li { margin-right: -1px; float: none; }
.nav-stacked > li + li { margin-top: 0; }
.nav-justified > li > a { margin-bottom: 0; }
.nav-tabs-justified > li > a { box-shadow: none; border-radius: 0; border-bottom: 1px solid #d8d8d8; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-style: none; box-shadow: inset 0 -2px 0 #3b40ce; }
.nav-tabs .dropdown-menu { margin-top: 0; }
.navbar-brand { height: 60px; background-color: #2b2fab; width: 250px; }
.navbar-toggle { padding: 15px 10px; }

@media (min-width:768px) {
    .navbar-form .form-group { margin-top: 0; }
}

.navbar { border-style: none; margin-bottom: 0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }

@media (min-width:768px) {
    .navbar { border-radius: 0; }
}

@media (min-width:768px) {
    .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; }
}

.navbar-btn, .navbar-form { margin-top: 13px; margin-bottom: 13px; }
.navbar-text { margin-top: 20px; margin-bottom: 20px; }

@media (min-width:768px) {
    .navbar-right { margin-right: 0; }
}

.navbar-default { background-color: #fff; }
    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { background-color: #2b2fab; }
    .navbar-default .navbar-nav > li > a { color: #264348; }
        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #3b40ce; }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #fff; background-color: #3b40ce; }
    .navbar-default .navbar-toggle { border-style: none; }
        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: transparent; color: #3b40ce; }
.navbar-inverse { background-color: #264348; }
    .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { background-color: #2b2fab; }
    .navbar-inverse .navbar-nav > li > a { color: #fff; }
        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #3b40ce; }
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #3b40ce; }
    .navbar-inverse .navbar-toggle { border-style: none; }
        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent; }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: transparent; color: #3b40ce; }
.breadcrumb { background-color: transparent; }
    .breadcrumb > li > a { color: #264348; }
    .breadcrumb > .active, .pagination > li > a, .pagination > li > span { color: #3b40ce; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 2px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 2px; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #3b40ce; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #3b40ce; border-color: #3b40ce; }
.pager li > a, .pager li > span { color: #3b40ce; }
.label { border-radius: 2px; font-weight: 600; }
.label-default { background-color: #95a5a6; }
    .label-default[href]:focus, .label-default[href]:hover { background-color: #798d8f; }
.label-primary { background-color: #3b40ce; }
    .label-primary[href]:focus, .label-primary[href]:hover { background-color: #2b2fab; }
.label-success { background-color: #1abc9c; }
    .label-success[href]:focus, .label-success[href]:hover { background-color: #148f77; }
.label-info { background-color: #22a7f0; }
    .label-info[href]:focus, .label-info[href]:hover { background-color: #0e8cd1; }
.label-warning { background-color: #ffb61e; }
    .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ea9e00; }
.label-danger { background-color: #f22613; }
    .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c71b0b; }
.badge { font-weight: 600; }
.alert-notice { font-size: 20px; padding: 20px 15px; line-height: 20px; position: relative; display: inline-block; }
    .alert-notice .badge { position: absolute; top: 12px; right: 5px; font-weight: 600; font-size: 12px; min-width: 16px; height: 16px; line-height: 16px; padding: 0; }
.thumbnail { border-radius: 2px; }
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #3b40ce; }
.alert { border-radius: 2px; }
    .alert .alert-link { font-weight: 500; }
.alert-dismissable .close, .alert-dismissible .close { outline: 0; }
.alert-success { background-color: #1abc9c; border-color: transparent; color: #fff; opacity: .9; }
    .alert-success hr { border-top-color: #148f77; }
    .alert-success .alert-link { color: #0e6252; }
.alert-info { background-color: #22a7f0; border-color: transparent; color: #fff; opacity: .9; }
    .alert-info hr { border-top-color: #0e8cd1; }
    .alert-info .alert-link { color: #0b6ca1; }
.alert-warning { background-color: #ffb61e; border-color: transparent; color: #fff; opacity: .9; }
    .alert-warning hr { border-top-color: #ea9e00; }
    .alert-warning .alert-link { color: #b77c00; }
.alert-danger { background-color: #f22613; border-color: transparent; color: #fff; opacity: .9; }
    .alert-danger hr { border-top-color: #c71b0b; }
    .alert-danger .alert-link { color: #971408; }
.progress { border-radius: 0; box-shadow: none; }
.progress-bar { background-color: #3b40ce; box-shadow: none; }
.progress-xs { height: 3px; }
    .progress-xs.vertical { width: 3px; }
.progress-sm { height: 8px; }
    .progress-sm.vertical { width: 8px; }
.progress-lg { height: 30px; }
    .progress-lg .progress-bar { line-height: 30px; }
    .progress-lg.vertical { width: 30px; }
.progress-bar-success { background-color: #1abc9c; }
.progress-bar-info { background-color: #22a7f0; }
.progress-bar-warning { background-color: #ffb61e; }
.progress-bar-danger { background-color: #f22613; }
.progress-bar-gray { background-color: #95a5a6; }
.progress-bar-purple { background-color: #9e18d8; }
.progress-bar-orange { background-color: #f9690e; }
.progress-bar-pink { background-color: #f62459; }
.progress-bar-green { background-color: #26c281; }
.progress-bar-lime { background-color: #a6e804; }
.progress-bar-black { background-color: #000; }
.media-object { width: 42px; height: 42px; line-height: 42px; text-align: center; }
.media, .media-body { overflow: visible; }
.mo-xs { width: 32px; height: 32px; line-height: 32px; }
.mo-sm { width: 36px; height: 36px; line-height: 36px; }
.mo-lg { width: 40px; height: 40px; margin: 10px 0px; }
.list-group-item:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.list-group-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #3b40ce; color: #fff; border-color: #3b40ce; }
.list-group-item-success { color: #0e6252; background-color: #aef4e6; border-color: #aef4e6; }
a.list-group-item-success, button.list-group-item-success { color: #0e6252; }
    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #0e6252; background-color: #1abc9c; }
    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { background-color: #55e7ca; border-color: #55e7ca; }
.list-group-item-info { color: #0b6ca1; background-color: #e1f3fd; border-color: #e1f3fd; }
a.list-group-item-info, button.list-group-item-info { color: #0b6ca1; }
    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #0b6ca1; background-color: #22a7f0; }
    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { background-color: #82cdf6; border-color: #82cdf6; }
.list-group-item-warning { color: #b77c00; background-color: #fff8ea; border-color: #fff8ea; }
a.list-group-item-warning, button.list-group-item-warning { color: #b77c00; }
    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #b77c00; background-color: #ffb61e; }
    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { background-color: #ffd784; border-color: #ffd784; }
.list-group-item-danger { color: #971408; background-color: #fdd8d4; border-color: #fdd8d4; }
a.list-group-item-danger, button.list-group-item-danger { color: #971408; }
    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #971408; background-color: #f22613; }
    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { background-color: #f77f74; border-color: #f77f74; }
.panel { border: none; border-radius: 0; box-shadow: 0 1px 1px rgba(0,0,0,.15); }
.panel-group .panel { border-radius: 0; }
.panel-group a[aria-expanded=false]:after { font-family: Material-Design-Iconic-Font; content: "\f278"; float: right; text-align: center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.panel-group a[aria-expanded=true]:after { font-family: Material-Design-Iconic-Font; content: "\f278"; float: right; text-align: center; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.well { box-shadow: none; border-radius: 3px; }
.well-lg { border-radius: 4px; }
.well-sm { border-radius: 2px; }
.modal-content { border-radius: 0; }
.modal-header { padding: 15px 20px; border-bottom-style: none; }
.modal-body { padding: 15px 20px; max-height: 480px; overflow-y: scroll; }
.modal-footer { border-top-style: none; }
.modal-header .close { outline: 0; }
.tooltip-inner { padding: 5px 10px; background-color: #264348; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #264348; }
.tooltip.right .tooltip-arrow { border-right-color: #264348; }
.tooltip.left .tooltip-arrow { border-left-color: #264348; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #264348; }
.popover { border-radius: 2px; border: 1px solid #f2f1ef; padding: 0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.popover-title { border-radius: 0; }
body.header-fixed header { position: fixed; width: 100%; margin-left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
    body.header-fixed header .brand { display: block; }
body.header-fixed .main-sidebar { top: 60px; }
    body.header-fixed .main-sidebar.fixed { padding-top: 0; }
    body.header-fixed .main-sidebar .brand { display: none; }
body.header-fixed .brand { float: left; }
body.header-fixed .wrapper { padding-top: 80px; }
body.bs-static-navbar .navbar { margin-left: 250px; -webkit-transition: margin .3s; -moz-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s; }
body.bs-static-navbar .navbar-brand { display: none; }
body.bs-static-navbar .main-sidebar.collapsed ~ .navbar { margin-left: 0; }
.brand { background-color: #2b2fab; width: 250px; display: none; }
.main-sidebar { width: 250px; height: auto; overflow: visible; position: absolute; background-color: #fff; z-index: 990; opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -webkit-backface-visibility: hidden!important; -moz-backface-visibility: hidden!important; -ms-backface-visibility: hidden!important; -o-backface-visibility: hidden!important; backface-visibility: hidden!important; }
    .main-sidebar.fixed { position: fixed; top: 0; bottom: 0; }
    .main-sidebar .brand { display: block; }
    .main-sidebar.collapsed { opacity: 0; -webkit-transform: translate(-100%,0); -moz-transform: translate(-100%,0); -ms-transform: translate(-100%,0); -o-transform: translate(-100%,0); transform: translate(-100%,0); }
        .main-sidebar.collapsed ~ header { margin-left: 0; }
    .main-sidebar.inverse { background-color: #264348; }
    .main-sidebar.pinned ~ .content { margin-left: 250px; -webkit-transition: margin-left .3s; -moz-transition: margin-left .3s; -o-transition: margin-left .3s; transition: margin-left .3s; }
.navigation .header { padding: 10px 0; text-transform: uppercase; color: #3b40ce; margin: 0 20px; font-weight: 700; font-size: 12px; }
.navigation > li > a { display: block; padding: 7px 15px; color: #fff;font-size: 13px; }
    .navigation > li > a > i { margin-right: 5px; padding: 5px; width: 24px; text-align: center; }
    .navigation > li > a.active, .navigation > li > a:hover, .navigation > li > a[aria-expanded=true] { color: #fff; background-color: #2d575f; }
        .navigation > li > a.active > i, .navigation > li > a:hover > i, .navigation > li > a[aria-expanded=true] > i { background-color: #3b40ce; }
.navigation li.panel { background-color: transparent; box-shadow: none; margin-bottom: 0; border: none; }
.navigation ul { padding-left: 20px; }
    .navigation ul li a { padding: 7px 20px; color: #ccc; white-space: nowrap; display: block; }
        .navigation ul li a i { margin-right: 5px; }
        .navigation ul li a span { position: relative;font-size:12px; }
            .navigation ul li a span:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -3px; left: 0; background-color: #6c7a89; display: inline; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
        .navigation ul li a.active span:before, .navigation ul li a:hover span:before, .navigation ul li a[aria-expanded=true] span:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.navigation a[aria-expanded=false]:after { font-family: Material-Design-Iconic-Font; content: "\f3aa"; color: #B7B7BB; float: right; text-align: center; width: 24px; line-height: 24px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.navigation a[aria-expanded=true]:after { font-family: Material-Design-Iconic-Font; content: "\f278"; color: #B7B7BB; float: right; text-align: center; width: 24px; line-height: 24px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
header { background-color: #3b40ce; height: 60px; z-index: 1000; margin-left: 250px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -webkit-transition: margin .3s; -moz-transition: margin .3s; -o-transition: margin .3s; transition: margin .3s; }
.search-bar { width: 100%; position: absolute; top: 0; left: 0; height: 60px; background-color: #fff; overflow: hidden; z-index: 1000; opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    .search-bar.collapsed { opacity: 0; -webkit-transform: translate(0,-60px); -moz-transform: translate(0,-60px); -ms-transform: translate(0,-60px); -o-transform: translate(0,-60px); transform: translate(0,-60px); }
    .search-bar .form-group { margin: 7px; }
        .search-bar .form-group .form-control { background-color: transparent; border-color: transparent; }
            .search-bar .form-group .form-control:focus { border-color: transparent; }
        .search-bar .form-group .btn-default.active, .search-bar .form-group .btn-default.focus, .search-bar .form-group .btn-default:active, .search-bar .form-group .btn-default:focus, .search-bar .form-group .btn-default:hover { background-color: transparent!important; border-color: transparent!important; }
.notification-bar { list-style: none; margin: 0 15px; padding-left: 0; }
    .notification-bar > li { float: left; height: 60px; }
.content { margin-left: 0; -webkit-transition: margin-left .3s; -moz-transition: margin-left .3s; -o-transition: margin-left .3s; transition: margin-left .3s; }
    .content > .container-fluid { padding-left: 20px; padding-right: 20px; }
.wrapper { padding-top: 20px; padding-bottom: 20px; }

@media (max-width:767px) {
    body.header-fixed .main-sidebar { margin-top: 0; }
        body.header-fixed .main-sidebar ~ .navbar .navbar-brand { display: none; }
    header { margin-left: 0; }
        header .brand { display: none!important; }
    body.bs-static-navbar .navbar { margin-left: 0; }
    .main-sidebar { width: 100%; top: 0!important; z-index: 1040; padding-bottom: 0!important; }
        .main-sidebar .brand { display: block!important; float: none!important; width: 100%; }
    .notification-bar > li.dropdown.open { position: static; }
        .notification-bar > li.dropdown.open .dropdown-menu { width: 100%; top: 60px; }
    .content { width: 100%; }
        .content > .container-fluid { padding-left: 15px; padding-right: 15px; }
}

.right-sidebar { position: fixed; top: 60px; right: 0; width: 300px; height: 100%; z-index: 1040; overflow: hidden; opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .right-sidebar.collapsed { opacity: 0; -webkit-transform: translate(100%,0); -moz-transform: translate(100%,0); -ms-transform: translate(100%,0); -o-transform: translate(100%,0); transform: translate(100%,0); }
    .right-sidebar .head { box-shadow: inset 0 -3px 0 #3b40ce; }
    .right-sidebar .header { padding: 10px 0; text-transform: uppercase; color: #3b40ce; font-weight: 700; font-size: 12px; }

@media (max-width:767px) {
    .right-sidebar { width: 100%; }
}

.chat-content .media-body { padding: 10px; border: 1px solid #3b40ce; border-radius: 2px; box-shadow: inset 0 -3px 0 #3b40ce; }
.chat-content .other .media-body { border: 1px solid #95a5a6; box-shadow: inset 0 -3px 0 #95a5a6; }
.activities li { position: relative; padding: 10px 10px 10px 40px; }
    .activities li:before { content: ""; position: absolute; left: 15px; top: 0; height: 100%; border-left: 1px solid #95a5a6; }
    .activities li:after { content: ""; position: absolute; left: 10px; top: 10px; height: 11px; width: 11px; border-radius: 50%; background-color: #95a5a6; }
    .activities li.activity-primary:after, .activities li.activity-primary:before { border-color: #3b40ce; background-color: #3b40ce; }
    .activities li.activity-success:after, .activities li.activity-success:before { border-color: #1abc9c; background-color: #1abc9c; }
    .activities li.activity-info:after, .activities li.activity-info:before { border-color: #22a7f0; background-color: #22a7f0; }
    .activities li.activity-warning:after, .activities li.activity-warning:before { border-color: #ffb61e; background-color: #ffb61e; }
    .activities li.activity-danger:after, .activities li.activity-danger:before { border-color: #f22613; background-color: #f22613; }
.mCSB_inside > .mCSB_container { margin-right: 0; }
.waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited { font-size: inherit; line-height: inherit; border: 1px solid; border-color: inherit; }
#flotTip { font-size: 12px; background-color: #264348; color: #fff; padding: 5px 8px; z-index: 9999; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.legendColorBox > div { border-style: none!important; margin: 0 3px 0 10px; }
    .legendColorBox > div > div { border-radius: 50%!important; }
.morris-hover.morris-default-style { font-size: 12px; background-color: #264348; color: #fff; padding: 5px 8px; z-index: 1000; border-style: none; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.chartjs canvas { width: 100%!important; max-width: 1000px; height: auto!important; }
.jvectormap-zoomout { top: 40px; }
.jvectormap-zoomin, .jvectormap-zoomout { line-height: 24px; width: 24px; height: 24px; background-color: #2b2fab; font-weight: 700; font-size: 20px; padding: 0; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.easy-pie-chart { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; }
    .easy-pie-chart canvas { position: absolute; top: 0; left: 0; }
    .easy-pie-chart .percent:after { content: '%'; font-size: 14px; }
.dataTables_length { float: left; }
div.dataTables_filter label { margin-right: 15px; }
button.ColVis_Button, ul.ColVis_collection li { box-shadow: none; }
button.ColVis_Button { padding: 6px 15px; font-size: 14px; font-weight: 500; line-height: 20px; height: auto; color: #fff!important; background-image: none; background-color: #3b40ce; border-color: #3b40ce; }
.ColVis_collection { background-color: #fff!important; border-style: none!important; border-radius: 2px!important; padding: 8px!important; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
ul.ColVis_collection li { background-image: none; padding: 5px; margin: 0; border: 1px solid #fff; border-radius: 0; }
    ul.ColVis_collection li label { margin-bottom: 0; font-weight: 500; }
    .ColVis_Button:focus, .ColVis_Button:hover, ul.ColVis_collection li:focus, ul.ColVis_collection li:hover { outline: 0; background-image: none; box-shadow: none; background-color: #3035c0; border-color: #3b40ce; color: #fff!important; }
    ul.ColVis_collection li.ColVis_Special { border-style: none; background-image: none; padding: 5px 10px; }
        ul.ColVis_collection li.ColVis_Special:hover { background-image: none; box-shadow: none; background-color: #3035c0; border-color: #3b40ce; color: #fff!important; }
.bootstrap-select .dropdown-toggle:focus { outline: 0!important; }
.minicolors-swatch { border: none; }
.dropzone { border: 2px dashed #95a5a6; }
    .dropzone .dz-message { padding: 36px 0; margin: 0; font-weight: 600; font-size: 24px; color: #95a5a6; }
.uploader div.browser label { background-color: #3b40ce; font-weight: 600; padding: 6px 15px; display: inline-block; width: auto; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .uploader div.browser label:hover { background-color: #3035c0; }
.bootstrap-duallistbox-container select { overflow-y: auto; border: 1px solid #3b40ce; padding: 5px; margin-top: 15px; }
.bootstrap-duallistbox-container .filter { margin-bottom: 15px; }
.daterangepicker .ranges li { border-radius: 3px; color: #3b40ce; }
    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background-color: #3b40ce; border-color: #3b40ce; }
.daterangepicker .ranges .input-mini { border-color: #3b40ce; }
    .daterangepicker .ranges .input-mini:focus { outline: 0; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #3b40ce; }
.daterangepicker td.start-date { border-radius: 2px 0 0 2px; }
.daterangepicker td.end-date { border-radius: 0 2px 2px 0; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #3b40ce; text-shadow: none; border-radius: 2px; }
.bootstrap-datetimepicker-widget a[data-action] { padding: 0; }
.bootstrap-datetimepicker-widget table td span { margin: 0; }
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover { background-color: #3b40ce; }
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover { background-color: #3b40ce; border-radius: 2px; border-color: #3b40ce; }
.bootstrap-tagsinput { box-shadow: none; padding: 5px; border-radius: 2px; border-color: #3b40ce; width: 100%; }
.slider-track { background-image: none; box-shadow: none; background-color: #e5e5e5; border-radius: 10px; }
.slider-handle { background-color: #3b40ce; background-image: none; box-shadow: none; outline: 0; }
.slider.slider-disabled .slider-handle { background-image: none; background-color: #e5e5e5; }
.slider-selection.tick-slider-selection, .slider-tick.in-selection { background-image: none; background-color: #22a7f0; }
.slider-selection { box-shadow: none; background-image: none; background-color: #95a5a6; border-radius: 10px; }
.slider.slider-horizontal .slider-handle.triangle, .slider.slider-horizontal .slider-tick.triangle { border-bottom-color: #3b40ce; border-width: 0 10px 20px; margin-top: -5px; }
.mprogress { margin-bottom: 20px; width: 100%; height: 3px; }
.note-editor { border: 1px solid #e5e5e5; }
    .note-editor .note-toolbar { border-bottom: 1px solid #e5e5e5; }
    .note-editor .note-statusbar .note-resizebar { border-top: 1px solid #e5e5e5; }
.md-editor.active { border-color: #e5e5e5; box-shadow: none; }
.md-editor > textarea { background-color: #fff; border-top: 1px solid #e5e5e5; border-bottom: none; padding: 10px; }
.md-editor > .md-preview { border-top: 1px solid #e5e5e5; border-bottom: none; }
#toast-container > .toast-error, #toast-container > .toast-info, #toast-container > .toast-success, #toast-container > .toast-warning { background-image: none!important; }
#toast-container > div { padding: 15px 20px; opacity: .9; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
#toast-container > :hover { box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
.toast-close-button { height: 20px; width: 20px; }
.toast-success { background-color: #1abc9c; }
.toast-info { background-color: #22a7f0; }
.toast-warning { background-color: #ffb61e; }
.toast-error { background-color: #f22613; }
.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover { margin: 5px; border-radius: 0; padding: 15px; }
.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover { background-color: #3b40ce; }
.wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover { background-color: #e5e5e5; }
.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover { color: #95a5a6; }
    .wizard > .steps .disabled a .number, .wizard > .steps .disabled a:active .number, .wizard > .steps .disabled a:hover .number { border-color: #95a5a6; }
.wizard > .content { background-color: transparent; margin: 0 5px; border-radius: 0; padding: 1%; }
    .wizard > .content > .body { width: 100%; position: static; }
.wizard > .steps .number { font-size: 24px; border-radius: 50%; border: 2px solid #fff; width: 38px; display: inline-block; font-weight: 700; text-align: center; }
.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover { opacity: .65; background-color: #95a5a6; color: #fff; cursor: not-allowed; }
.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover { background-color: #3b40ce; font-weight: 600; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.img-container, .img-preview { background-color: #f7f7f7; overflow: hidden; width: 100%; text-align: center; }
.img-container { min-height: 200px; max-height: 554px; margin-bottom: 20px; }

@media (min-width:768px) {
    .img-container { min-height: 554px; }
}

.img-container > img { max-width: 100%; }
.docs-preview { margin-right: -15px; margin-bottom: 10px; }
.img-preview { float: left; margin-right: 10px; margin-bottom: 10px; }
    .img-preview > img { max-width: 100%; }
.preview-lg { width: 263px; height: 148px; }
.preview-md { width: 139px; height: 78px; }
.preview-sm { width: 69px; height: 39px; }
.preview-xs { width: 35px; height: 20px; margin-right: 0; }
.docs-data > .input-group { margin-bottom: 10px; }
    .docs-data > .input-group > label { min-width: 80px; }
    .docs-data > .input-group > span { min-width: 50px; }
.docs-buttons > .btn, .docs-buttons > .btn-group, .docs-buttons > .form-control { margin-right: 5px; margin-bottom: 10px; }
.docs-toggles > .btn, .docs-toggles > .btn-group, .docs-toggles > .dropdown { margin-bottom: 10px; }
.docs-tooltip { display: block; margin: -6px -12px; padding: 6px 12px; }
    .docs-tooltip > .icon { margin: 0 -3px; vertical-align: top; }
.tooltip-inner { white-space: normal; }
.btn-upload .tooltip-inner { white-space: nowrap; }

@media (max-width:400px) {
    .btn-group-crop { margin-right: -15px!important; }
        .btn-group-crop > .btn { padding-left: 5px; padding-right: 5px; }
        .btn-group-crop .docs-tooltip { margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; }
}

.docs-options .dropdown-menu { width: 100%; }
    .docs-options .dropdown-menu > li { padding: 5px 20px; }
        .docs-options .dropdown-menu > li .checkbox { margin: 5px 0; }
        .docs-options .dropdown-menu > li:hover { background-color: #f7f7f7; }
        .docs-options .dropdown-menu > li > label { display: block; }
.docs-cropped .modal-body { text-align: center; }
    .docs-cropped .modal-body > canvas, .docs-cropped .modal-body > img { max-width: 100%; }
.no-shadow { box-shadow: none!important; }
.bs-0 { box-shadow: 0 1px 1px rgba(0,0,0,.15); }
.bs-1 { box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.bs-2 { box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
.bs-3 { box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23); }
.bs-4 { box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22); }
.bs-5 { box-shadow: 0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22); }
.bs-inset-default { box-shadow: inset 0 -3px 0 #95a5a6!important; }
.bs-inset-primary { box-shadow: inset 0 -3px 0 #3b40ce!important; }
.bs-inset-success { box-shadow: inset 0 -3px 0 #1abc9c!important; }
.bs-inset-info { box-shadow: inset 0 -3px 0 #22a7f0!important; }
.bs-inset-warning { box-shadow: inset 0 -3px 0 #ffb61e!important; }
.bs-inset-danger { box-shadow: inset 0 -3px 0 #f22613!important; }
.bs-inset-purple { box-shadow: inset 0 -3px 0 #9e18d8!important; }
.bs-inset-orange { box-shadow: inset 0 -3px 0 #f9690e!important; }
.bs-inset-pink { box-shadow: inset 0 -3px 0 #f62459!important; }
.bs-inset-green { box-shadow: inset 0 -3px 0 #26c281!important; }
.bs-inset-lime { box-shadow: inset 0 -3px 0 #a6e804!important; }
.bs-inset-black { box-shadow: inset 0 -3px 0 #264348!important; }
.bs-inset-white { box-shadow: inset 0 -3px 0 #fff!important; }
.no-border { border: none!important; }
.bg-cover { -webkit-background-size: cover!important; -moz-background-size: cover!important; background-size: cover!important; }
.bg-op { background-color: rgba(0,0,0,.2)!important; }
.lh-1 { line-height: 1!important; }
.inline-block { display: inline-block!important; }
.inline { display: inline!important; }
.block { display: block!important; }
.fw-300 { font-weight: 300!important; }
.fw-400 { font-weight: 400!important; }
.fw-600 { font-weight: 600!important; }
.fw-700 { font-weight: 700!important; }
.fs-12 { font-size: 12px!important; }
.pt-2 { padding-top: 2px!important; }
.fs-13 { font-size: 13px!important; }
.fs-14 { font-size: 14px!important; }
.fs-16 { font-size: 14px!important; }
.fs-18 { font-size: 18px!important; }
.fs-20 { font-size: 20px!important; }
.fs-24 { font-size: 24px!important; }
.fs-30 { font-size: 30px!important; }
.fs-36 { font-size: 36px!important; }
.fs-48 { font-size: 48px!important; }
.fs-60 { font-size: 60px!important; }
.m-0 { margin: 0!important; }
.m-5 { margin: 5px!important; }
.m-10 { margin: 10px!important; }
.m-15 { margin: 15px!important; }
.m-20 { margin: 20px!important; }
.m-25 { margin: 25px!important; }
.m-60 { margin: 60px!important; }
.mt-0 { margin-top: 0!important; }
.mt-5 { margin-top: 5px!important; }
.mt-10 { margin-top: 10px!important; }
.mt-15 { margin-top: 15px!important; }
.mt-20 { margin-top: 20px!important; }
.mt-25 { margin-top: 25px!important; }
.mt-60 { margin-top: 60px!important; }
.mr-0 { margin-right: 0!important; }
.mr-5 { margin-right: 5px!important; }
.mr-10 { margin-right: 10px!important; }
.mr-15 { margin-right: 15px!important; }
.mr-20 { margin-right: 20px!important; }
.mr-25 { margin-right: 25px!important; }
.mr-60 { margin-right: 60px!important; }
.mb-0 { margin-bottom: 0!important; }
.mb-5 { margin-bottom: 5px!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-15 { margin-bottom: 15px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-25 { margin-bottom: 25px!important; }
.mb-60 { margin-bottom: 60px!important; }
.ml-0 { margin-left: 0!important; }
.ml-5 { margin-left: 5px!important; }
.ml-10 { margin-left: 10px!important; }
.ml-15 { margin-left: 15px!important; }
.ml-20 { margin-left: 20px!important; }
.ml-25 { margin-left: 25px!important; }
.ml-60 { margin-left: 60px!important; }
.fs-26 { font-size: 26px !important; }
.p-0 { padding: 0!important; }
.p-5 { padding: 4px!important; }
.p-10 { padding: 10px!important; }
.p-15 { padding: 15px!important; }
.p-20 { padding: 20px!important; }
.p-25 { padding: 25px!important; }
.p-60 { padding: 60px!important; }
.pt-0 { padding-top: 0!important; }
.pt-5 { padding-top: 5px!important; }
.pt-10 { padding-top: 10px!important; }
.pt-15 { padding-top: 15px!important; }
.pt-20 { padding-top: 20px!important; }
.pt-25 { padding-top: 25px!important; }
.pt-60 { padding-top: 60px!important; }
.pr-0 { padding-right: 0!important; }
.pr-5 { padding-right: 5px!important; }
.pr-10 { padding-right: 10px!important; }
.pr-15 { padding-right: 15px!important; }
.pr-20 { padding-right: 20px!important; }
.pr-25 { padding-right: 25px!important; }
.pr-60 { padding-right: 60px!important; }
.pb-0 { padding-bottom: 0!important; }
.pb-5 { padding-bottom: 5px!important; }
.pb-10 { padding-bottom: 10px!important; }
.pb-15 { padding-bottom: 15px!important; }
.pb-20 { padding-bottom: 20px!important; }
.pb-25 { padding-bottom: 25px!important; }
.pb-60 { padding-bottom: 60px!important; }
.pl-0 { padding-left: 0!important; }
.pl-5 { padding-left: 5px!important; }
.pl-10 { padding-left: 10px!important; }
.pl-15 { padding-left: 15px!important; }
.pl-20 { padding-left: 20px!important; }
.pl-25 { padding-left: 25px!important; }
.pl-60 { padding-left: 60px!important; }
.login { float: none; margin: 50px auto; text-align: center; background-color: #fff; padding-bottom: 10px; box-shadow: 0 1px 1px rgba(0,0,0,.15); }
    .login .logo { padding: 30px 0; margin: 0 -15px; background-color: #3b40ce; color: #fff; }
        .login .logo h1 { margin: 0; font-weight: 700; }
        .login .logo i { margin-top: 15px; font-size: 36px; background-color: #6468d8; padding: 20px; line-height: 36px; border-radius: 50%; }
    .login .help-block { text-align: right; }
    .login form { padding: 15px; }
    .login p a { text-transform: uppercase; font-weight: 500; color: #3b40ce; }

@media (max-width:767px) {
    .login { margin: 10px; }
}

.timeline { position: relative; }
    .timeline:before { content: ""; position: absolute; height: 100%; width: 2px; left: 130px; background-color: #95a5a6; }
    .timeline > li { position: relative; margin-bottom: 20px; }
        .timeline > li .panel { margin: 0; display: inline-block; }
        .timeline > li .panel-body:after { clear: none; }
    .timeline .tl-time { display: inline-block; width: 100px; text-align: center; float: left; }
    .timeline .tl-content { margin-left: 170px; }
    .timeline .tl-icon { text-align: center; position: absolute; height: 40px; width: 40px; line-height: 36px; font-size: 16px; border: 2px solid #95a5a6; color: #95a5a6; background-color: #f2f1ef; margin-left: 10px; }

@media (max-width:768px) {
    .timeline:before { left: 22px; }
    .timeline .tl-icon { left: 0; top: 0; margin: 0; }
    .timeline .tl-content { margin-left: 70px; }
    .timeline .tl-time { display: block; float: none; width: auto; text-align: right; }
    .timeline li .panel { display: block; }
}

.fc-toolbar h2 { color: #3b40ce; }
.fc button { font-size: 14px; line-height: 20px; padding: 6px 15px; font-weight: 500; height: auto; text-transform: uppercase; }
.fc-state-default { background-color: #3b40ce; color: #fff; border-style: none; text-shadow: none; background-image: none; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
    .fc-state-default.focus, .fc-state-default:focus, .fc-state-default:hover { outline: 0; background-color: #2b2fab; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { background-color: #3035c0; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
.fc-unthemed .fc-today { background-color: #e5e5e5; font-weight: 700; }
.fc .fc-toolbar > * > * { margin-left: 10px; }
.example > .row { padding: 15px 10px 80px; background-color: #fff; margin: 0; }
.example .bs-example-bg-classes p { padding: 15px; }
.example .bs-example-images .img-circle, .example .bs-example-images .img-rounded, .example .bs-example-images .img-thumbnail { margin: 10px; }
.example .bs-example-button > .btn, .example .bs-example-button > .btn-group { margin-top: 5px; margin-bottom: 5px; margin-right: 5px; }
.example .example-switch-button .checkbox-custom, .example .example-switch-button .radio-custom, .example .example-switch-button .switch-button { margin: 30px 0; }
.example .navbar:not(:last-child) { margin-bottom: 50px; }
.example .bs-example-form .input-group { margin-bottom: 25px; }
.example .bs-example-icon h2 { margin: 25px 0; color: #3b40ce; }
.example .bs-example-icon a, .example .bs-example-icon p { line-height: 40px; cursor: pointer; height: 40px; display: block; margin-bottom: 10px; color: #264348; }
    .example .bs-example-icon a:hover i, .example .bs-example-icon p:hover i { font-size: 28px; }
.example .bs-example-icon i { text-align: center; display: inline-block; width: 40px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
/* 
 _____   _           _         _                        _                  
|_   _| | |         | |       | |                      | |                 
  | |   | |__   __ _| |_ ___  | |_ ___  _ __ ___   __ _| |_ ___   ___  ___ 
  | |   | '_ \ / _` | __/ _ \ | __/ _ \| '_ ` _ \ / _` | __/ _ \ / _ \/ __|
 _| |_  | | | | (_| | ||  __/ | || (_) | | | | | | (_| | || (_) |  __/\__ \
 \___/  |_| |_|\__,_|\__\___|  \__\___/|_| |_| |_|\__,_|\__\___/ \___||___/

Oh nice, welcome to the stylesheet of dreams. 
It has it all. Classes, ID's, comments...the whole lot:)
Enjoy responsibly!
@ihatetomatoes

*/

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
p { line-height: 1.33em; color: #7E7E7E; }
h1 { color: #EEEEEE; }

#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; }

    #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }

    #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ }
    100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ }
    100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ }
}

#loader-wrapper .loader-section { position: fixed; top: 0; width: 50%; height: 100%; background: #fff; opacity: 0.8; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ }

    #loader-wrapper .loader-section.section-left { left: 0; }

    #loader-wrapper .loader-section.section-right { right: 0; }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); }

.loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); }

.loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }

/* JavaScript Turned Off */
.no-js #loader-wrapper { display: none; }
.no-js h1 { color: #222222; }

#content { margin: 0 auto; padding-bottom: 50px; width: 80%; max-width: 978px; }






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

    .ir:before { content: ""; display: block; width: 0; height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix { *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }

    a,
    a:visited { text-decoration: underline; }

        a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }

    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group; /* h5bp.com/t */ }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }
}

/* 
	Ok so you have made it this far, that means you are very keen to on my code. 
	Anyway I don't really mind it. This is a great way to learn so you actually doing the right thing:)
	Follow me @ihatetomatoes
*/
